

var p3t = 0;
$(function(){

    var $p1 = $('.page1'), 
        $p2 = $('.page2'),
        $p3 = $('.page3'),
        $jt = $('.jiantou');

    var size = $(window).width();

    if (size >= 960) {
        $('html').css('font-size', 960 / 3.2);
    } else {
        $('html').css('font-size', size / 3.2);
    }

    // 第一幕
    function pas1() {
        setTimeout(function(){
            $(document.body).addClass('stopam');
            $jt.show();

            var left = 0;
            $p1.on('touchstart', function(e) {
                left = e.touches[0].pageX;
                $('.st1').removeClass('am');
            })

            $p1.on('touchmove', function(e) {
                move = e.touches[0].pageX - left;
                $('.st1').css('-webkit-transform', 'rotate(' + move + 'deg)');
                if (move >= 90) {
                    $(document.body).removeClass('stopam');
                    $('.st1').addClass('am');
                    $jt.hide();
                    setTimeout(function(){
                        $p1.addClass('anm-t1');
                        $p2.removeClass('anm-t2');
                        pas2();
                        setTimeout(function(){
                            $jt.show();
                        }, 1000);
                    }, 2000);
                }
            })
        }, 3000);
    }

    pas1();

    // 第二幕
    function pas2(){
        var stp = 0;
        $(document.body).addClass('stopam');

        var left = 0, isnm = false;
        $p2.on('touchstart', function(e) {
            if (isnm) return;
            left = e.touches[0].pageX;
            $('.st1').removeClass('am');
        })

        $p2.on('touchmove', function(e) {
            move = e.touches[0].pageX - left;
            $('.st1').css('-webkit-transform', 'rotate(' + move + 'deg)');
            if (move >= 90) {
                isnm = true;
                $jt.hide(); 
                $(document.body).removeClass('stopam');
                if (stp == 0) {
                    $('.p2-st6').css('bottom', '-50px');
                    setTimeout(function(){
                        $jt.show();
                        isnm = false;
                        $(document.body).addClass('stopam');
                        $('.p2-st4').attr('src', './assets/jiayou.png');
                        stp = 1;
                    }, 2000);

                } else if(stp == 1){
                    isnm = true;
                    $jt.hide();
                    $('.page2 .p2-st6').css('bottom', '17px');
                    $('.p2-st4').hide();
                    $('.page2 .p2-st7').css('opacity', '1');
                    setTimeout(function(){
                        isnm = false;
                        $jt.show();
                        $(document.body).addClass('stopam');
                        stp = 2;
                    }, 2000);
                }

                if (stp == 2) {
                    $(this).addClass('anm-t1');
                    $p3.removeClass('anm-t2');
                }
            }
        })
    }

    // 第三页
    $p3.on('swipeUp', function(event) {
        if (p3t == 0) {
            $('#container').html($('.temp1').html());
            p3t = 1;
            return;
        }

        if (p3t == 1) {
            $('#container').html($('.temp2').html());
            $('.p2-st6').attr('src', './assets/endguang.png').css('bottom', '0');
            p3t = 2;
            return;
        } 

        if (p3t == 2) {
            $('#container').html($('.temp3').html());
            $('.swptop').hide();
            p3t = 3;
            return;
        } 
    });
    
    $('#container').on('tap', '.sub-btn', function(event) {
        $('.jiaopian').hide();
        $('.p3-st5').css('animation-play-state', 'paused');
        $('#container').html($('.temp4').html());
        $('.st4').hide();
    });

    $('.st4').on('tap',function(event) {
        $(this).toggleClass('stopanm');
    });

    $('#container').on('tap', '.redio>span, .table>div', function(event) {
        var $this = $(this);
        $(this).addClass('active').siblings().removeClass('active');

        if ($this.parent().hasClass('redio') && $this.index() == 1) {
            $('.table>div').removeClass('active');
        }

        if ($this.parent().hasClass('table')) {
            $('.redio>span').eq(1).removeClass('active')
            $('.redio>span').eq(0).addClass('active');
        }
    });
    
    var windwd = $(window).width();
    
    // 图片轮播
    function imgslide(obj, fx){
        $(obj).animate({left: fx},300);
        var $imgconent = $('#container .img-content');
        setTimeout(function(){
            $(obj).remove();
            $imgconent.prepend('<img src="'+$(obj).attr("src")+'">');
        }, 300);
    }

    // 留言轮播
    function txtslide(obj, fx){
        //$(obj).animate({left: fx},300);
        var $imgconent = $('#container .txt-list');
        $(obj).remove();
        var html = $(obj).html();
        
        html = '<li>'+html+'</li>';
        $imgconent.prepend(html);
    }

    $('#container').on('tap', '.text', function(event) {
        $(this).removeClass('read').empty();
    });

    $('#container').on('keyup', '.text', function(event) {
        var html = $(this).val();
        if (event.keyCode == 13 && $.trim(html) != '') {
            $('#container .txt-list').append('<li>'+html+'</li>');
            
        }
    });

    $('#container').on('swipeLeft', '.img-content>img', function(event) {
        imgslide(this, -(windwd));
    });

    $('#container').on('swipeRight', '.img-content>img', function(event) {
        imgslide(this, windwd);
    });

    $('#container').on('swipeLeft', '.txt-list>li', function(event) {
        txtslide(this, -(windwd));
    });

    $('#container').on('swipeRight', '.txt-list>li', function(event) {
        txtslide(this, windwd);
    });
    
})